﻿<UserControl x:Class="Hockey.UILayer.Controls.CompassControl"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             xmlns:ctrl="clr-namespace:Hockey.UILayer.Controls"
             mc:Ignorable="d" 
             d:DesignHeight="500" d:DesignWidth="300" FontWeight="Bold" FontSize="30">
    <UserControl.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <ResourceDictionary Source="/UILayer;component/Themes/Generic.xaml" />
            </ResourceDictionary.MergedDictionaries>

            <!--<Style x:Key="ButtonStyle" TargetType="{x:Type ctrl:ArrowButton}" >
                <Setter Property="Margin" Value="10" />
            </Style>-->
            <Style x:Key="ButtonStyle" TargetType="{x:Type ctrl:ArrowButton}" BasedOn="{StaticResource {x:Type ctrl:ArrowButton}}">
                <Setter Property="Margin" Value="10" />
                <Setter Property="Padding" Value="5" />
            </Style>
        </ResourceDictionary>
        
    </UserControl.Resources>
    <ctrl:SquarePanel>
        <UniformGrid Rows="3" Columns="3">
            <ctrl:ArrowButton x:Name="uxTopLeft" Number="7" ArrowPlacement="TopLeft" Style="{StaticResource ButtonStyle}" />
            <ctrl:ArrowButton x:Name="uxTop" Number="8" ArrowPlacement="Top" Style="{StaticResource ButtonStyle}" />
            <ctrl:ArrowButton x:Name="uxTopRight" Number="9" ArrowPlacement="TopRight" Style="{StaticResource ButtonStyle}"/>
            <ctrl:ArrowButton x:Name="uxLeft" Number="4" ArrowPlacement="Left" Style="{StaticResource ButtonStyle}"/>
            <ContentControl />
            <ctrl:ArrowButton x:Name="uxRight" Number="6" ArrowPlacement="Right" Style="{StaticResource ButtonStyle}"/>
            <ctrl:ArrowButton x:Name="uxBottomLeft" Number="1" ArrowPlacement="BottomLeft" Style="{StaticResource ButtonStyle}"/>
            <ctrl:ArrowButton x:Name="uxBottom" Number="2" ArrowPlacement="Bottom" Style="{StaticResource ButtonStyle}"/>
            <ctrl:ArrowButton x:Name="uxBottomRight" Number="3" ArrowPlacement="BottomRight" Style="{StaticResource ButtonStyle}"/>
        </UniformGrid>
    </ctrl:SquarePanel>
</UserControl>
